<script lang="ts" setup name="B16TSTypes">
const p: Person = { id: "p-1", name: "张三", age: 123 };

const ps: PersonList = [
  { id: "p1", name: "张三", age: 123 },
  { id: "p2", name: "李四", age: 12 },
  { id: "p3", name: "王五", age: 23 },
];

console.log(p, ps);
</script>
<template>
  <h1 class="text-xl border-l-8 pl-3">TS中的接口、泛型和自定义类型</h1>
  <div class="my-3">
    <div>鹭鸶炒肉丝</div>
  </div>
  <div class="flex justify-start items-center gap-x-2">
    <button class="p-1 border shadow" @click=""></button>
  </div>
</template>
